<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
        <ui:define name="body">
    <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
            <h:form id="form">
            <p:growl id="growl"></p:growl>
            <p:messages showSummary="true" id="msgForm"/>
            <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" >  
                <p:panel header="DATOS DE SUPERVISOR DE ENTIDAD" >
                    <h:panelGrid columns="4" cellpadding="5">  
                        <h:outputLabel for="codigoSupervisorEntidad" value="Cédula:" style="font-weight:bold"/>  
                        <p:inputText id="codigoSupervisorEntidad" value="#{cargueSupervisorEntidadBean.supervisorEntidad.idSupervisorEntidad}" />   
                        <h:outputLabel for="nombreSupervisorEntidad" value="Nombres Supervisor:" style="font-weight:bold"/>  
                        <p:inputText id="nombreSupervisorEntidad" value="#{cargueSupervisorEntidadBean.supervisorEntidad.nombresSupervisorEntidad}" />
                        <h:outputLabel for="apellido1SupervisorEntidad" value="Primer Apellido:" style="font-weight:bold"/>  
                        <p:inputText id="apellido1SupervisorEntidad" value="#{cargueSupervisorEntidadBean.supervisorEntidad.apellido1SupervisorEntidad}" />
                        <h:outputLabel for="apellido2SupervisorEntidad" value="Segundo Apellido:" style="font-weight:bold"/>  
                        <p:inputText id="apellido2SupervisorEntidad" value="#{cargueSupervisorEntidadBean.supervisorEntidad.apellido2SupervisorEntidad}" />
    
                    </h:panelGrid> 
       
                </p:panel>  

                    <h:panelGrid columns="4" cellpadding="5">  
                        <h:outputLabel for="cargoSupervisorEntidad" value="Cargo Supervisor:" style="font-weight:bold"/>  
                        <p:inputText id="cargoSupervisorEntidad" value="#{cargueSupervisorEntidadBean.supervisorEntidad.cargoSupervisorEntidad}" /> 
                        <h:outputLabel for="telefonoSupervisorEntidad" value="Teléfono:" style="font-weight:bold"/>  
                        <p:inputText id="telefonoSupervisorEntidad" value="#{cargueSupervisorEntidadBean.supervisorEntidad.telefonoSupervisorEntidad}" />
                        <h:outputLabel for="celularSupervisorEntidad" value="Celular:" style="font-weight:bold"/>  
                        <p:inputText id="celularSupervisorEntidad" value="#{cargueSupervisorEntidadBean.supervisorEntidad.celularSupervisorEntidad}" />
                        <h:outputLabel for="correoSupervisorEntidad" value="Correo Electrónico:" style="font-weight:bold"/>  
                        <p:inputText id="correoSupervisorEntidad" value="#{cargueSupervisorEntidadBean.supervisorEntidad.correoSupervisorEntidad}" />
                    </h:panelGrid> 
                    <h:panelGrid columns="4" cellpadding="5">
                        <h:outputLabel for="listaEntidad" value="Entidad" style="font-weight:bold"/>  
                        <p:selectOneMenu id="listaEntidad" 
                                value="#{cargueSupervisorEntidadBean.entidadSelected}">
                                <f:selectItem itemLabel=" --Seleccione la entidad -- " itemValue=""/>
                                <f:selectItems value="#{cargueSupervisorEntidadBean.listaEntidades}" var="entidad" 
                                   itemValue="#{entidad.idEntidad}" 
                                   itemLabel="#{entidad.nombreEntidad}"
                                   />
                        </p:selectOneMenu>
                        
                         <h:outputLabel for="listaEstados" value="Estado" style="font-weight:bold"/>  
                        <p:selectOneMenu id="listaEstados" 
                                         value="#{cargueSupervisorEntidadBean.estadoUsuarioSelected}">
                                <f:selectItem itemLabel=" --Seleccione un estado -- " itemValue=""/>
                                <f:selectItems value="#{cargueSupervisorEntidadBean.listaEstadosUsuario}" var="estadoUsuario" 
                                               itemValue="#{estadoUsuario.idEstado}" 
                                               itemLabel="#{estadoUsuario.nombreEstado}" />
                        </p:selectOneMenu> 
                    </h:panelGrid>
                <p:commandButton value="Guardar" update="display,msgForm" onclick="confirmGuardar.show()" />   
                <p:commandButton value="Cancelar"  />   
                <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                        <p:outputPanel id="display">  
                            <p:dataList value="" var="option">  
                                #{option}  
                            </p:dataList>  
                            <p:dataList value="" var="movie">  
                                #{movie}  
                            </p:dataList>  
                        </p:outputPanel>
                    </p:dialog>
            </p:panel>
            <p:confirmDialog message="¿Desea guardar?" widgetVar="confirmGuardar">   
                <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" 
                                 actionListener="#{cargueSupervisorEntidadBean.guardarSupervisorEntidad}"
                                 oncomplete="confirmGuardar.hide()" update=":form:growl,codigoSupervisorEntidad,nombreSupervisorEntidad,apellido1SupervisorEntidad,apellido2SupervisorEntidad,cargoSupervisorEntidad,telefonoSupervisorEntidad,celularSupervisorEntidad,correoSupervisorEntidad,listaEntidad,listaEstados"/>  
                <p:commandButton value="No" onclick="confirmGuardar.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
            </p:confirmDialog>
            </h:form>
         </ui:define>
</ui:composition>
